import { Link } from '@brillout/docpress'
import { Example, UseBati, CustomIntegrationWarning } from '../../components'

## `vike-solid`

We recommend using <Link href="/vike-solid">`vike-solid`</Link> which integrates [Solid](https://www.solidjs.com) in a full-fledged manner.

> <UseBati>`vike-solid`</UseBati>

You can also <Link href="#custom-integration">integrate Solid yourself</Link> if you want full control over the Solid integration.


## Custom integration

Instead of using <Link href="/vike-solid">`vike-solid`</Link>, you can implement your own Solid integration, for full control over the integration of Solid and Solid libraries.

<CustomIntegrationWarning list={['vike-solid']} />

Official example:
 - [`vike-solid` source code](https://github.com/vikejs/vike-solid/tree/main/vike-solid) - Full-featured integration.

Community examples:
 - <Example timestamp="2024.01" repo="birkskyum/vike-with-solid-ssr" /> - Solid + SSR + Client Routing.
 - <Example timestamp="2024.01" repo="birkskyum/vike-with-solid-spa" /> - Solid + SPA + Server Routing.
 - <Example timestamp="2023.06" repo="inlang/monorepo" /> - Source code of [`inlang.com`](https://inlang.com/) which is built with Vike and Solid.
 - <Example timestamp="2023.02" repo="vchirikov/vite-plugin-ssr-solidjs-blog-example" /> - Homepage + Blog example.
   > vite-plugin-ssr was the [previous name of Vike](https://vite-plugin-ssr.com/vike).


## See also

 - <Link href="/vike-vue" />
 - <Link href="/react" />
 - <Link href="/vue" />
